{% extends 'base.html' %}
{% block title %}Lista de datasets - {{ block.super }}{% endblock %}

{% block content %}
<div class="section">
  <div class="row">

    <div class="col s12 m7">
      <h1 class="header hide-on-small-only">Datasets</h1>
      <h1 class="header-small hide-on-med-and-up">Datasets</h1>
    </div>

    <div class="col s12 m5">
      <form action="{% url 'core:dataset-list' %}" method='get'>
        <div class="row">
          <div class="col s12 m8 input-field">
            {{ form.search.label_tag }}
            {{ form.search }}
          </div>
          <div class="col m4 m-t-15">
            <button class="btn">Buscar</button>
          </div>
        </div>
      </form>
    </div>
  </div>


  <div class="row">

    {% for dataset in datasets %}
    {% include 'core/dataset-card.html' %}
    {% endfor %}

    <div class="col s12 m6 l4 unselectable">
      <div class="card small hoverable">
        <div class="card-content-horizontal activator hoverable">
          <div class="center">
            <i class="material-icons icon-dataset">rate_review</i>
          </div>
          <h3 class="activator">Sugira um dataset</h3>
          <p class="activator">Quais outros dados precisam ser libertados? Sugira aqui.</p>
          <div class="center activator">
            <span class="black-text">
              <i class="material-icons">keyboard_arrow_up</i>
            </span>
          </div>
        </div>
        <div class="card-reveal grey lighten-5">
          <i class="material-icons icon-dataset">rate_review</i>
          <span class="card-title grey-text text-darken-4">Sugira um dataset<i class="material-icons right">close</i></span>
          <span class="subtitle-tables">:)</span>
          <div class="links">
            <a href="{% url 'core:dataset-suggestion' %}">Sugerir</a>
          </div>
        </div>
      </div>
    </div>

  </div>

</div>
{% endblock %}
